import React from "react";
import {Button, CardBody, CardFooter, Row} from "reactstrap";
import {history} from "../../../../history";

const Thanks = props => {
  const {data} = props

  return (
    <div>
      <CardBody>
        <div className="card-info">
          <div>
            <span className="card-name">Имя артиста: </span>
            <span className="card-description">{data.project.name}</span>
          </div>
          <div>
            <span className="card-name">Название релиза: </span>
            <span className="card-description">{data.name}</span>
          </div>
          <div>
            <span className="card-name">Дата выхода: </span>
            <span className="card-description">{(new Date(data.releases_date * 1000)).toLocaleString('ru')}</span>
          </div>
          <div>
            <span className="card-name">Кол-во треков: </span>
            <span className="card-description">{data.tracks.length}</span>
          </div>
          <div>
            <span className="card-name">Тип релиза: </span>
            <span className="card-description">{data.type.name}</span>
          </div>
        </div>
        <div className="card-foot mt-1">
          Если у вас еще нет договора с нашим лейблом. Заполните форму по ссылке:
        </div>
      </CardBody>
      <CardFooter className="border-0 pt-0 d-flex justify-content-center flex-wrap w-100">
        <a href="mailto:mgmt@rusproducer.ru"><Button.Ripple className="mt-1 mr-1 cursor-pointer" color="primary">Нужен договор?</Button.Ripple></a>
        <Button.Ripple onClick={()=>history.push('/')} className="mt-1 mr-1 cursor-pointer" color="danger">Договор уже есть</Button.Ripple>
      </CardFooter>
    </div>
  )
}

export default Thanks;
